// @import './reset.scss';
.engine_header{
	margin-bottom: 0;
	.logo{
		display: flex;
		align-items: center;
		margin-right: 18px;
	}
}
.carousel-inner > .item > img{
	width: 100%;
}

.news{
	margin-top: 42px;
	.container{
		.show{
			margin-bottom: 87px;
			h1{
				margin: 0 0 42px;
				color: #ff6b08;
			}
			.row{
				.show_box{
					// width: 302px;
					position: relative;
					img{
						// position: relative;
					}
					
					.show_hid{
						width: 302px;
						height: 42px;
						background-color: rgba(0,0,0,.5);
						position: absolute;
						bottom: 0;
						left: 0;
						p{
							line-height: 42px;
							color: white;
							text-align: center;
						}
					}
				}
			}
		}
		.new_list{
			padding-bottom: 60px;
			.news_box{
				margin-bottom: 38px;
				h4{
					margin: 0 0 10px;
				}
				span{
					display: inline-block;
					margin-bottom: 15px;
				}
				p{
					margin: 0 0 6px;
					line-height: 1.6;
				}
				button{
					border-radius: 50px;
					color: #ff6900;
					border-color: #ff6900;
				}
				.h_ative{
					color:#ff6900 ;
				}
				.list_btn{
					text-align: right;
				}
				.btn_ative{
					color: white;
					background-color: #ff6900;
					border-color: transparent;
				}
			}
		}
		.new_nav{
			text-align: center;
			.pagination{
				.list_active{
					background-color: #e34637;
				}
				li{
					a{
						color: #2a2a2a;
					}
				}
			}
		}
	}
}


.footer{
	height: 113px;
	background-color: #3b3b3b;
	display: flex;
	align-items: center;
	.foot_box{
		width: 80%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		&::before{
			content: none;
		}
		&::after{
			content: none;
		}
		.foot_left{
			color: #9c9ea5;
			width: 430px;
			ul{
				list-style: none;
				display: flex;
				justify-content: flex-start;
				padding: 0;
				li{
					margin-right: 10px;
				}
			}
		}
		.foot_right{
			display: flex;
			width: 200px;
			&>div{
				margin-right: 20px;
			}
		}
	}
	
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.container{
		.logo{
			margin-right: 0;
		}
		.navbar-brand{
			padding-right: 3px;
			padding-left: 3px;
		}
		.nav>li>a{
			padding-right: 5px;
			padding-left: 5px;
			position: relative;
		}
	}
	
	.news{
		margin-top: 42px;
		.container{
			
			.show{
				.row{
				margin-bottom: 27px;
				.show_box{
					width: 200px;
					margin: 0 auto 15px;
					
					.show_hid{
						overflow: hidden;
						width: 200px ;
						img{
							width: 200px;
						}
						
						p{	
							text-indent: 1em;
							margin: 0;
							height: 42px;
							width: 200px;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
						}
					}
				}
				h1{
					text-align: center;
					margin: 0 0 20px;
				}
				}
			}
			.new_list{
				padding-bottom: 0;
				.news_box{
					margin-bottom: 25px;
					.col-md-3{
						margin-bottom: 10px;
						img{
							margin: 0 auto;
						}
					}
					.col-md-8{
						text-align: justify;
						h4{
							text-align: center;
						}
						span{
							width: 100%;
							text-align: center;
						}
					}
					p{
						width: 80%;
						margin:  0 auto;
						text-indent: 28px;
					}
					.list_btn{
						text-align: center;
					}
				}
			}
		}
	}
	
	
	.footer{
		.foot_box{
			margin: 0 15px;
			width: 100%;
			
		}
	}
	
}
@media only screen and (max-width:767px) {
	.engine{
		padding-top: 10px;
		h1,h3{
			text-align: center;
		}
		.advantage_list {
			margin-left: 50px;
		}
	}
	
	.news{
		margin-top: 42px;
		.container{
			.show{
				margin-bottom: 27px;
				.show_box{
					width: 302px;
					margin: 0 auto 15px;
				}
				h1{
					text-align: center;
					margin: 0 0 20px;
				}
			}
			.new_list{
				padding-bottom: 0;
				.news_box{
					margin-bottom: 10px;
					.col-md-3{
						margin-bottom: 10px;
						img{
							margin: 0 auto;
						}
					}
					.col-md-8{
						text-align: justify;
					}
					p{
						text-indent: 28px;
					}
				}
			}
		}
	}
	
	
	.footer{
		.foot_box{
			width: 95%;
			padding: 0;
			.foot_left,.foot_right{
				padding: 0;
			}
			.foot_left{
				width: 100%;
				ul,p{
					width: 100%;
				}
				ul{
					margin-bottom: 5px;
				}
				p{
					margin-bottom: 5px;
					text-align: justify;
				}
			}
			.foot_right{
				width: 100%;
				justify-content: flex-end;
				.foot_icon{
					width: 28px;
				}
			}
		}
	}
}